
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Main CSS-->
<link rel="stylesheet" type="text/css" href="/assets/admin/css/login/main.css">
<!-- Font-icon css-->
{{-- <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> --}}
<link rel="stylesheet" type="text/css" href="/assets/admin/css/login/font-awesome.min.css">
<title>Login - 管理员登录</title>
</head>
<body>
<section class="material-half-bg">
  <div class="cover"></div>
</section>
<section class="login-content">
  <div class="logo">
    <h1>Zero - Art</h1>
  </div>
  <div class="login-box">
    <form class="login-form" action="login" method="post">
     <h3 class="login-head"><i class="fa fa-lg fa-fw fa-user"></i>管理员登录</h3>
      <div class="form-group">
        <label class="control-label">账号</label>
        <input class="form-control" type="text" name="name" value="" placeholder="请输入账号" autofocus>
      </div>
      <div class="form-group">
        <label class="control-label">密码</label>
        <input class="form-control" type="password" name="passwd" placeholder="请输入密码">
      </div>

      <div class="form-group">
        <div class="utility">
          <div class="animated-checkbox">
            <label>
              <input type="checkbox">
              <span class="label-text">记住密码</span> </label>
          </div>
        </div>
      </div>
      <div class="form-group btn-container">
        <button class="btn btn-primary btn-block"><i class="fa fa-sign-in fa-lg fa-fw"></i>登录</button>
      </div>

    </form>
  </div>
</section>

<!-- Essential javascripts for application to work--> 
<script src="/assets/admin/js/login/jquery-3.2.1.min.js"></script> 
<script src="/assets/admin/js/login/popper.min.js"></script> 
<script src="/assets/admin/js/login/bootstrap.min.js"></script> 
<script src="/assets/admin/js/login/main.js"></script> 
<!-- The javascript plugin to display page loading on top--> 
<script src="/assets/admin/js/login/plugins/pace.min.js"></script> 

<script src="/assets/admin/js/plugins/layer/layer.min.js"></script>
<script type="text/javascript">
      // Login Page Flipbox control
      $('.login-content [data-toggle="flip"]').click(function() {
      	$('.login-box').toggleClass('flipped');
      	return false;
      });

      @if($isAuth===false)
        layer.msg('账号密码错误', {offset:'t',time: 1500});
      @endif
      
</script>
</body>
</html>